@charset "utf-8";
/* CSS Document */
body,div,img, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td, iframe {
	margin: 0;
	padding: 0;
	border:none;
	outline: none;
}
body{
	margin: 0 auto;
	max-width: 800px;
	min-width: 320px;
	font-family: "微软雅黑";
	font-size: 14px;
	color: #525252;
}
a{
	text-decoration:none;
}
*{
	-webkit-tap-highlight-color: transparent;
	-webkit-appearance: none;
}
/*banner 开始*/
.swiper-container {
	width: 100%;
	height: auto;
}
.swiper-slide {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
/*banner 结束*/
/*content start*/
.content{
	width: 92%;
	height: auto;
	padding:40px 4% 80px 4%;
}
.content_parts{
	width: 100%;
	height: auto;
	box-shadow: 0 5px 35px 5px #d1d1d1;
	padding-top: 20px;
}
.content_first{
	width: 90%;
	height: auto;
	padding:0 5% 15px 5%;
}
.content_first li{
	list-style-type: none;
	display: inline-block;
	width: 31%;
	height: 50px;
	padding-top: 10px;
	text-align: center;
}
.content_first li:not(:last-child) {
	background: url(../images/border_05.jpg) no-repeat;
	background-position: right center;
}
.content_num{
	font-weight: bold;
	font-size: 16px;
	color: #5b5b5b;
}
.content_num span{
	font-size: 12px;
}
.content_text{
	font-size: 12px;
}
.content_explain{
	width: 96%;
	height: auto;
	padding:20px 2% 30px 2%;
	background:url(../images/red_05.png) no-repeat;
	background-position: 95% center;
	background-size: 30px auto;
}
.content_explain_title{
	font-size: 20px;
	color: #5b5b5b;
}
.content_explain_text{
	width: 85%;
	font-size: 16px;
	color: #5b5b5b;
}
/*content end*/
/*排行榜 start*/
.lists{
	width: 100%;
	height: auto;
}
.staff_list{
	width: 100%;
	height: auto;
	padding-bottom: 60px;
}
.list_ul{
	width: 100%;
	height: auto;
}
.list_ul li{
	list-style-type: none;
	width: 49%;
	display: inline-block;
}
.list_content{
	width: 100%;
	height: auto;
}
.list_content li{
	width: 96%;
	height: 60px;
	padding:10px 2%;
	list-style-type: none;
}
.list_img{
	width: 20%;
	height:50px;
	float: left;
}
.list_img img{
	height: 100%;
	border-radius: 5px;
}
.list_info{
	width: 80%;
	height: 100%;
	float: left;
	border-bottom: 1px solid #d6d6d6;
}
.list_name{
	font-size: 18px;
	color: #525252;
}
.list_name_info span{
	margin-right: 10px;
}
.list_name_info .list_info_right{
	float: right;
	color: #ecb1ad;
}
.list_more{
	text-align: center;
	color: #ecb1ad;
}
/*排行榜 end*/
/*推荐 start*/
.head_logo{
	width: 100%;
	padding-top: 20px;
	padding-bottom: 40px;
	height: auto;
}
.recommend{
	width: 86%;
	height: auto;
	padding:0 4% 70px 10%;
}
.recommend_form{
	width: 100%;
	height: auto;
	margin-bottom: 10px;
}
.input_div{
	position: relative;
	border-bottom: 1px solid #f0f0f0;
	height: 40px;
	line-height: 40px;
	margin-bottom: 20px;
}
.input_div img{
	position: absolute;
	left: -20px;
	height: 20px;
	top: 10px;
}
.input_div span{
	font-size: 16px;
}
.input_div small{
	color: #ecb1ad;
}
.btn_submit{
	width: 120px;
	height: 40px;
	background: #ecb1ad;
	border-radius: 30px;
	color: #fff;
	font-size: 16px;
	margin-top: 20px;
	position: relative;
	left: 50%;
	margin-left: -60px;
}
/*推荐 end*/
/*个人中心 绑定 start*/
.binding{
	width: 80%;
	height: auto;
	padding:0 10%;
}
.binding h3{
	color: #ecb1ad;
	text-align: center;
	margin-bottom: 20px;
}
.binding_head{
	margin:0 auto;
	width: 140px;
	height: 30px;
}
.binding_head img{
	height: 20px;
	vertical-align: middle;
}
.binding_title{
	font-size: 18px;
}
.binding_title small{
	color: #ecb1ad;
}
.binding_phone{
	width: 100%;
	height: 40px;
	text-indent: 10px;
	background: no-repeat;
	border-radius: 20px;
	border:1px solid #ecb1ad;
	margin-bottom: 20px;
}
.label_div{
	width: 146px;
	height: 25px;
	position: relative;
	left: 50%;
	margin-left: -73px;
}
.customer_radio{
	font-size: 16px;
	margin-right: 15px;
}
.customer_radio input{
	width: 25px;
	height: 26px;
	background: url(../images/check_09.png) no-repeat;
	background-size: 25px 26px;
	vertical-align: middle;
	margin-right: 5px;
}
.staff_radio{
	font-size: 16px;
}
.staff_radio input{
	width: 25px;
	height: 26px;
	background: url(../images/check_09.png) no-repeat;
	background-size: 25px 26px;
	vertical-align: middle;
	margin-right: 5px;
}
.btn_binding{
	width: 150px;
	margin-left: -75px;
}
/*个人中心 绑定 end*/
/*个人中心  stsrt*/
.header_logo{
	width: 100%;
	height: 200px;
	padding-top: 50px;
	background: #faf9fb;
}
.header_portrait{
	width: 100px;
	height: 100px;
	border-radius: 50%;
	background: url(../images/header_05.png) no-repeat;
	background-size: cover;
	margin:0 auto;
	margin-bottom: 15px;
}
.personal_name{
	width: 200px;
	margin:0 auto;
	text-align: center;
}
.per_name{
	font-size: 20px;
	color: #000;
}
.personal_home{
	height: auto;
	width: 86%;
	padding:40px 7% 60px 7%;
}
.personal_home a{
	height: auto;
	display: block;
	margin-bottom: 30px;
}
.personal_home button{
	width: 100%;
	height: auto;
	background: none;
}
/*个人中心  end*/
/*个人中心 信息  start*/
.personal_head{
	width: 100%;
	height: 40px;
	background: #faf9fb;
	text-align: center;
	position: relative;
}
.p_h_back{
	width: 15px;
	height: 26px;
	background: url(../images/back_05.png) no-repeat;
	background-size: cover;
	display: inline-block;
	position: absolute;
	left: 10px;
	top:5px;
}
.personal_head span{
	font-size: 18px;
	line-height: 40px;
}
.personal_information{
	width: 84%;
	height: auto;
	padding:40px 4% 40px 12%;
}
.p_info{
	width: 100%;
	height: 40px;
	border-bottom: 1px solid #f0f0f0;
	position: relative;
	line-height: 40px;
	font-size: 18px;
	margin-bottom: 15px;
}
.p_info_head{
	color: #000;
}
.p_info>img{
	position: absolute;
	left: -27px;
	top:8px;
	height: 25px;
}
.p_info_pic{
	width: 40px;
	height: 40px;
	border-radius: 50%;
	position:absolute;
	right: 0;
	bottom: 5px;
}
.p_info_pic img{
	height: 100%;
}
.p_info_name{
	float: right;
	font-size: 16px;
}
.label_div_1{
	width: 115px;
	height: 25px;
	position: absolute;
	right: 0;
	bottom: 14px;
}
.per_m_radio{
	font-size: 16px;
	margin-right: 15px;
}
.per_m_radio input{
	width: 25px;
	height: 26px;
	background: url(../images/check_09.png) no-repeat;
	background-size: 25px 26px;
	vertical-align: middle;
	margin-right: 5px;
}
.per_w_radio{
	font-size: 16px;
}
.per_w_radio input{
	width: 25px;
	height: 26px;
	background: url(../images/check_09.png) no-repeat;
	background-size: 25px 26px;
	vertical-align: middle;
	margin-right: 5px;
}
/*个人中心 信息  end*/
/*个人中心 推荐列表  start*/
.table{
	margin-top: 30px;
}
.per_recommend{
	padding:5px 8px;
	background:#ecb1ad;
	border-radius: 20px;
	font-size: 12px;
	color: #fff;
}
.per_page{
	padding-bottom: 60px;
	margin-top: 0;
}
.c_page{
	width: 90%;
	height: 30px;
	padding:0 5%;
	line-height: 30px;
}
.c_page p{
	float: left;
}
.c_p_1{
	width: 25%;
	font-weight: bold;
	color: #666;
}
.c_p_2{
	width: 50%;
	font-size: 18px;
	text-align: center;
}
.c_p_3{
	width: 25%;
	text-align: right;
	font-weight: bold;
	color: #666;
}
/*个人中心 推荐列表  end*/
/*个人中心 详情记录  start*/
.per_rec_details{
	width: 90%;
	height: auto;
	padding:10px 5%;
	margin-top: 15px;
	background: #fafafc;
	line-height: 25px;
}
.per_rec_details_1{
	padding-bottom: 30px;
}
.per_rec_details small{
	color: #5d5d5d;
}
.rec_details{
	margin-top: 5px;
}
.rec_details li{
	list-style-type: none;
	height: auto;
	width: 93%;
	padding:6px 0% 10px 7%;
	background: url(../images/recommend_01.png) no-repeat;
	background-position: left center;
	position: relative;
}
.rec_details li hr{
	width: 95%;
	background: #f1e8d5;
	height: 1px;
	position: absolute;
	bottom: 0;
}
.rec_details li:first-child{
	background: url(../images/recommend.png) no-repeat;
	background-position: left center;
}
.per_white{
	width: 100%;
	height: auto;
	padding-top: 70px;
}
/*个人中心 详情记录  end*/
/*活动介绍  end*/
.activity{
	width: 95%;
	height: auto;
	padding:20px 2%;
	background: #fafafc;
	margin-top: 15px;
}
.activity p{
	width: 100%;
	text-indent: 16px;
}
.activity img{
	width: 100%;
}
/*活动介绍  end*/
.prompt{
	width: 100%;
	height: auto;
	padding:80px 0;
	text-align: center;
}
.prompt span{
	color: #f3c36a;
	text-align: center;
}
/*footer start*/
.footer{
	width: 100%;
	max-width: 800px;
	height: 45px;
	border-top: 1px solid #ecb1ad;
	position: fixed;
	bottom: 0;
	padding: 3px 0 3px 0;
	background: #fff;
}
.footer_ul{
	width: 100%;
	height: 100%;
}
.footer_ul li{
	list-style-type: none;
	width: 25%;
	height: 100%;
	text-align: center;
	display: inline-block;
	float: left;
}
.footer_ul li a{
	text-decoration: none;
	color: #ecb1ad;
	font-size: 12px;
	display: block;
}
.footer_ul li a img{
	height: 26px;
}
.footer_ul .footer_active a{
	color: #eb5e00;
}
/*footer end*/
